<template>
  <div style="width: 100%;height: 100%">
    <div style="float: left; width: 300px;height: 100%;margin-left: 0px; border: 1px solid #ebedf0;">
      zuo
    </div>
    <div style="float: left;width: 400px;height: 100%; border: 1px solid #ebedf0;">zhong</div>
    <div style="height: 100%;float: left;border: 1px solid #ebedf0;width: calc(100% - 238px - 355px);">yofffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffuyofffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffuyofffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffuyofffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffu</div>
  </div>
</template>

<script>
  import main from "./main.js"

  export default {
    name: 'note.vue'
  }
</script>

<style scoped>

</style>